.nannie-detail-container {
	padding: 30rpx 22rpx;
	padding-bottom: 198rpx;
}

.card-box-1 {
	background: #FFFFFF;
	border-radius: 0rpx 0rpx 20rpx 20rpx;
	padding: 18rpx 26rpx;
}

.card-box-2 {
	background: #FFFFFF;
	border-radius: 20rpx;
	padding: 20rpx;
}

.title {
	font-weight: 800;
	font-size: 32rpx;
	color: #333333;
}

.nannie-info-box {
	position: relative;
	height: 230rpx;
}

.nannie-info-box-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 706rpx;
	height: 230rpx;
	z-index: 0;
	border-radius: 20rpx 20rpx 0 0;
	overflow: hidden;
}

.nannie-info-content {
	padding: 26rpx;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	// align-items: center;
}

.nannie-image {
	width: 128rpx;
	height: 128rpx;
	overflow: hidden;
	border-radius: 50%;
}

.nannie-info {
	margin-left: 18rpx;
	flex: 1;
	
	.nickname {
		font-weight: bold;
		font-size: 34rpx;
		color: #333333;
	}
	
	.tip {
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		margin-top: 20rpx;
	}
}

.nannie-tag-box {
	margin-top: -50rpx;
	height: 152rpx;
	background: #F2FFFF;
	border-radius: 0rpx 0rpx 20rpx 20rpx;
	padding: 28rpx 26rpx;
}

.nannie-tag {
	font-weight: 400;
	font-size: 30rpx;
	color: #33AB8A;
	display: flex;
	align-items: center;
	flex: 1;
	
	.icon {
		width: 38rpx;
		height: 38rpx;
		margin-right: 8rpx;
	}
}

.qz-box {
	font-weight: 800;
	font-size: 28rpx;
	color: #333333;
}

.zw-box {
	.content {
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
	}
	
	.sub-title {
		font-weight: bold;
		font-size: 28rpx;
		color: #333333;
		display: flex;
		.icon {
			width: 37rpx;
			height: 40rpx;
			margin-right: 8rpx;
		}
	}
}

.zs-image {
	width: 100%;
	height: 320rpx;
}

.ss-box {
	.left {
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		width: 200rpx;
	}
	
	.right {
		flex: 1;
		margin-left: 80rpx;
		gap: 26rpx;
		.image {
			width: 170rpx;
			height: 170rpx;
		}
	}
}

.gz-box {
	.time {
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
	}
	
	.content {
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
	}
}

.fixed-box {
	width: 100vw;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30rpx;
	padding-bottom: 60rpx;
}

.fixed-btn {
	height: 96rpx;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}